<style>
    .rich-panel-body {
        font-size: 13px;
    }
</style>
<script type="text/javascript">
function flagging(){
    document.getElementById('textFlag').innerHTML = 'Thanks for flagging.';
    document.getElementById('formView:flaggingPanel').style.display = "none";
}
</script>
<f:view>
    <h:form id="formView">
        <h:outputText value="Posting in #{gigBean.gig.site.site}"  style="font-size: 20px; font-weight: bold;"/>
        <h:outputText value=", #{gigBean.gig.area.area}"  style="font-size: 20px; font-weight: bold;" rendered="#{gigBean.gig.area!=null}"/>
        <h:panelGrid style="top:55px; right:5px; position:absolute;" rendered="#{gigBean.back<1}">
            <b id='textFlag'>Please flag with care: </b>
            <h:panelGrid id="flaggingPanel" columns="2" >
            <h:outputText value="miscategorized"/><h:selectBooleanCheckbox><a4j:support event="onclick" action="#{gigBean.flaggingMiscategorized}" oncomplete="flagging()" /></h:selectBooleanCheckbox>
            <h:outputText value="prohibited"/><h:selectBooleanCheckbox><a4j:support event="onclick" action="#{gigBean.flaggingProhibited}" oncomplete="flagging()" /></h:selectBooleanCheckbox>
            <h:outputText value="spam/overpost"/><h:selectBooleanCheckbox><a4j:support event="onclick" action="#{gigBean.flaggingSpam}" oncomplete="flagging()" /></h:selectBooleanCheckbox>
            <h:outputText value="best of eez2find.com"/><h:selectBooleanCheckbox><a4j:support event="onclick" action="#{gigBean.flaggingBest}" oncomplete="flagging()" /></h:selectBooleanCheckbox>
            </h:panelGrid>
        </h:panelGrid>
        <br/>
        <h:outputText value="#{gigBean.gig.title}"  style="font-size: 18px; font-weight: bold;"/>
        <h:outputText value=" - (#{gigBean.gig.location})"  style="font-size: 18px; font-weight: bold;" rendered="#{gigBean.gig.location!=null && gigBean.gig.location!=''}" />
        <rich:separator height="1"/>
        <h:outputText value="Reply to: "/>
        <h:outputLink value="mailto:#{gigBean.gig.email}" rendered="#{gigBean.gig.typeReplyTo=='real email'}">
            <h:outputText value="#{gigBean.gig.email}"></h:outputText>
        </h:outputLink>
        <h:outputLink value="mailto:gig-#{gigBean.gig.code}@eez2find.com" rendered="#{gigBean.gig.typeReplyTo=='masked email'}">
            <h:outputText value="gig-#{gigBean.gig.code}@eez2find.com"></h:outputText>
        </h:outputLink>
        <h:outputText value="see below" rendered="#{gigBean.gig.typeReplyTo=='any email'}" />
        <br/>
        <h:outputText value="Date: #{gigBean.gig.publishDate}"/>
        <rich:spacer height="20"/>
        <rich:panel style="width:700px; border-color:white;" >
            ${gigBean.description}        
        </rich:panel>
        <ul>
            <c:if test="${gigBean.gig.location!=null && gigBean.gig.location!=''}"><li><h:outputText value="Location: #{gigBean.gig.location}" /></li></c:if>
            <li><h:outputText value="Compensation: #{gigBean.gig.compensation}"/></li>
            <c:if test="${gigBean.gig.othersContact}"><li><h:outputText value="You may contact gig poster about other services, products or commercial interests." /></li></c:if>
            <c:if test="${!gigBean.gig.othersContact}"><li><h:outputText value="Please do not contact gig poster about other services, products or commercial interests." /></li></c:if>
        </ul>
        <rich:spacer height="10"/>
        <h:outputText value="Gig Code: #{gigBean.gig.code}" />
        <br/>
        <c:if test="${gigBean.back==1}">
        <h:outputText value="Permanent link for this post is: " />
        <h:outputLink value="http://www.eez2find.com/site/faces/posting.html?site=#{sessionBean.ejbSession.currentSite.id}&type=gig&id=#{gigBean.gig.id}" >
            <h:outputText value="http://www.eez2find.com/site/faces/posting.html?site=#{sessionBean.ejbSession.currentSite.id}&type=gig&id=#{gigBean.gig.id}" />
        </h:outputLink>
        </c:if>
    </h:form>
    <h:form>
        <h:panelGrid columns="2" width="25%" ><h:commandLink value="Back" action="#{gigBean.backView}" /><h:commandLink value="Back to Welcome Page" action="#{gigBean.backEdit}" /></h:panelGrid>
    </h:form>
    <rich:separator height="1" />
</f:view>